<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 响应式布局 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="layui/css/layui.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- 列偏移针对的是 孙子内容，可以理解 div （layui-col-md3）是个透明的包装 -->
		<div class="layui-row layui-col-space12">

			<div class="layui-col-md4 layui-col-xs-offset4" >
				<div class="grid-demo grid-demo-bg1" style="height: 100px;background-color: green;">1/3</div>
			</div>
		</div>
		 
		<script src="layui/layui.js"></script>
	</body>
</html>